<template>
    <div class="icons-wrapper">
        <swiper :options="swiperOption">
        <!-- slides -->
        <swiper-slide v-for="(page, idx) in pages" :key="idx">
            <div class="icon-box"
                v-for="item in page"
                :key="item.id">
                <div class="icon-img-box">
                    <img class="icon-img" :src="item.imgUrl"  />
                </div>
                <p class="icon-desc">{{ item.description }}</p>
            </div>
        </swiper-slide>
        <!-- Optional controls -->
        <div class="swiper-pagination" slot="pagination"></div>
    </swiper>  
    </div>
</template>
<script>
export default {
    name:'HomeIcons',
    props:{
        iconsList:Array
    },
    data(){
        return{
            sw
        }
    }
}
</script>
<style lang="stylus" scoped>

</style>
